.container {
  ::v-deep .uni-load-more {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
  .tabs-top {
    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 9999999;
    margin-bottom: 24rpx;
  }
  // background: #f5f5f5;
  // // height: 100vh;
  // display: flex;
  // flex-direction: column;

  // .init-data-loading {
  //   padding: 40rpx 24rpx;
  // }

  .content {
    margin: 0 24rpx;
    // background-color: #fff;
    border-radius: 16rpx;
    // padding: 24rpx 0;
    .detail-warp {
      padding: 32rpx;
      // margin-bottom: 1rem;
      margin-bottom: 20rpx;
      background-color: #ffffff;
      border-radius: 20rpx 20rpx 20rpx 20rpx;
      &:active {
        background-color: #f9f9f9;
      }
      .message-info-warp {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 28rpx;
        margin-bottom: 14rpx;
        .message-info-warp-left {
          display: flex;
          align-items: center;
          justify-content: left;
          position: relative;
          .red-crile {
            width: 16rpx;
            height: 16rpx;
            background: #fa2626;
            border: 2rpx solid #ffffff;
            border-radius: 16rpx;
            position: absolute;
            top: -10rpx;
            left: 38rpx;
          }
          image {
            width: 48rpx;
            height: 48rpx;
            margin-right: 16rpx;
          }

          ::v-deep .u-text .u-text__value {
            color: #262626 !important;
            font-size: 32rpx !important;
            // font-weight: bold !important;
          }
        }
        .message-right-warp {
          flex-shrink: 0;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis;

          .date-text {
            color: #8c8c8c;
            font-size: 24rpx;
          }
        }
        .message-title-text {
          margin-right: 10rpx;
        }
      }
      .message-text {
        height: 75rpx !important;
        margin-right: 10rpx;
        margin-top: 20rpx;
        color: #8c8c8c;
        font-size: 28rpx;
        overflow: hidden;
        word-break: break-all; /* 允许在单词内换行 */
        text-overflow: ellipsis; /* 省略号 */
        display: -webkit-box; /* 伸缩盒子模型 */
        -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
        -webkit-line-clamp: 2; /* 显示的行数 */
      }
    }
  }
}
.see-det-hx {
  width: 100%;
  height: 1rpx;
  background-color: #d8d8d8;
  margin-top: 32rpx;
}
.see-det {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24rpx;
  padding-bottom: 10rpx;
  text {
    font-weight: 400;
    font-size: 28rpx;
    color: #262626;
    line-height: 40rpx;
    text-align: left;
  }
}
